<template>
  <div class="xpanel-label xlabel-wrapper-left xMoni-indi">
    <a>
      <span class="label-title">{{ item.labelOption.title ? item.labelOption.title : "" }}</span>
    </a>
    <a>
      <span class="label-value"
            :level="item.labelOption.level?item.labelOption.level:''">{{item.labelOption.value ? item.labelOption.value : ''}}</span>
      <span class="label-unit">{{ item.labelOption.unit ? item.labelOption.unit : '' }}</span>
    </a>
  </div>
</template>

<script>
export default {
  name: "xMoni",
  props: {
    item: {
      type: Object,
      default: () => {
      }
    },
  },
}
</script>

<style lang="css" scoped src="@/components/bigScreen/css/screen.main.css"></style>
<style scoped>
</style>
